<%--
  User: icanci
  Date: 2020/10/9 18:40
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ladybird - 全球票务总代理</title>
        <jsp:include page="top-link.jsp"></jsp:include>
        <link rel="shortcut icon" href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" type="text/css"
              href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/css/index.css"/>
    </head>
    <body>
        <%--        头部导航栏--%>
        <%@include file="top-nav.jsp" %>
        <!-- 中间内容 -->
        <div style="width: 80%; height: 400px;margin: 0 auto; margin-top: 30px; text-align: center;">
            <div class="fly-none">
                <h2><i style="font-size: 300px;" class="layui-icon layui-icon-404"></i></h2>
                <p style="font-size: 20px;">很遗憾，因为违反 票虫网 规定、你暂时不能登录
                    你可以 <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1845666903&amp;site=qq&amp;menu=yes"
                           data-hover="QQ" target="_blank">联系管理员</a> 解决问题
                </p>
            </div>
        </div>
        <!-- 中间内容 -->
        <!-- 尾部导航 -->
        <%--        <%@include file="foot-nav.jsp" %>--%>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/layui/layui.js"></script>
        <script type="text/javascript">
            layui.use(['element'], function () {

            })

            layui.use(['form', 'layedit', 'laydate'], function () {
                var form = layui.form,
                    layer = layui.layer,
                    layedit = layui.layedit,
                    laydate = layui.laydate;

                //日期
                laydate.render({
                    elem: '#date'
                });
                laydate.render({
                    elem: '#date1'
                });

                //创建一个编辑器
                var editIndex = layedit.build('LAY_demo_editor');

                //自定义验证规则
                form.verify({
                    title: function (value) {
                        if (value.length < 5) {
                            return '标题至少得5个字符';
                        }
                    },
                    pass: [
                        /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
                    ],
                    code: [
                        /^[\S]{6}$/, '验证码必须6位，且不能出现空格'
                    ],
                    content: function (value) {
                        layedit.sync(editIndex);
                    }
                });
                //监听提交
                form.on('submit(demo1)', function (data) {
                    layer.alert(JSON.stringify(data.field), {
                        title: '最终的提交信息'
                    })
                    return false;
                });
                //表单取值
                layui.$('#LAY-component-form-getval').on('click', function () {
                    var data = form.val('example');
                    alert(JSON.stringify(data));
                });

            });
        </script>
        <script>
            layui.use('carousel', function () {
                var carousel = layui.carousel;
                //建造实例
                carousel.render({
                    elem: '#test1',
                    width: '100%' //设置容器宽度
                    ,
                    arrow: 'always' //始终显示箭头
                    //,anim: 'updown' //切换动画方式
                });
            });
        </script>
    </body>
</html>

